/*
 * 加入指南
 */
<template name="lgb-join-step">
    <view class="join-step">
        <view class="step-title">{{title}}</view>
        <view class="join-type">{{typeSupply}}</view>
        <view class="join-phone" :data-tel="supplyPhone" bindtap="phoneCall">{{supplyPhone||'***********'}}</view>
        <view class="join-type">{{typeAgent}}</view>
        <view class="join-phone" :data-tel="addPhone" bindtap="phoneCall">{{addPhone||'***********'}}</view>
    </view>
</template>

<script>
    export default {
        name: "lgb-join-step",
        props: {
            title: {
                type: String,
                default: ""
            },
            typeSupply: {
                type: String,
                default: ""
            },
            supplyPhone: {
                type: String,
                default: ""
            }, 
            typeAgent: {
                type: String,
                default: "0"
            },  
            addPhone: {
                type: String,
                default: "0"
            },                                    
        }
    }        
</script>

<style lang="scss">
     .join-step {
        padding: 0 30upx 20upx 30upx;
        background-color: #fff;
        margin-bottom: 20upx;
        .step-title {
            font-size: 26upx;
            color: #1A1A1A;
            text-align: center;
            padding: 12upx 0;        
        }
        .join-type {
          font-size: 18upx;
          color: #1A1A1A;
          line-height: 32upx;
        }       
        .join-phone {
          display: block;
          font-size: 50upx;
          line-height: 64upx;
          color: #e60013;
          background-position: right center;
          background-repeat: no-repeat;
          background-size: 60upx auto;
          background-image: url('');
        }        
         
     }
</style>
